/* 公用样式表 */
body,ul,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend,input,nav,menu,figure,figcaption{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{ font-family:"PingFang SC";}
input,a{outline:none;}

html,body{height: 100%;}
.shadow{
	width: 100%;
	height: 200%;
	background: rgba(49,49,49,.8);
	z-index: 100;
}
.alert{
	position: absolute;
	width: 7.02rem;
	background: #f4f4f4;
	z-index: 100;
	bottom: -100%;
	padding:0 0.24rem;
	text-align: center;
}
.alert-top {
	padding: 0 0.4rem;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom:0.2rem ;
	
}
.alert-top h2{
	color:#e05f40 ;
	font-size: 0.28rem;
	font-weight: 500;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}
.alert-top h2 span{
	font-size: 0.34rem;
}
.alert-top p{
	font-size: 0.22rem;
	line-height:0.4rem;
	color: #9b9b9b;

}
.alert-bottom{
	margin-top: 0.2rem;
	display: flex;
	flex-wrap:wrap;
}
.alert-bottom a{
	display: block;
	width: 25%;
	flex-shrink:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.2rem;
}
.alert-bottom a em{
	font-size: 0.35rem;
	width: 0.6rem;
	height: 0.6rem;
	display: block;
	border-radius: 50%;
	background: #ff9d00;
	text-align: center;
	line-height: 0.6rem;
	color: #fff;
	margin-bottom: 0.12rem;
}
.alert-bottom a span{
font-size: 0.24rem;
	color: #5a5a5a;
}
.cancel{
	height: 0.6rem;
	width: 100%;
	text-align: center;
	line-height: 0.6rem;
	color: #5a5a5a;
	font-size: 0.24rem;
	background: #fff;
	border: 0;
	margin-bottom: 0.2rem;
}

.con{
	max-width: 768px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	flex-direction: column;	
}

header{
	flex: 0 0 1.3rem;
	background: #000;
	padding: 0 0.24rem;
	padding-top: 0.6rem;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	
}
header img{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
header p{
	height: 0.6rem;

	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header p a{
	color:#EEC14F ;
	
}
.icon-left{
	height: 0.24rem;
	font-size: 0.35rem!important;
}
header p span{
	font-size: 0.32rem;
	
}
.detail-con-wrap img{
	width: 100%;
}

.icon-tuichu{
	height: 0.29rem;
	font-size: 0.35rem!important;
}
.detail-con3{
	margin-top: 0.1rem;
}
.tea-intr{
	background: #fff;
	padding:0 0.24rem;
	padding-bottom: 0.2rem;
}
.tea-intr p:first-child{
	height: 0.8rem;
	line-height: 0.8rem;
	font-size:0.3rem ;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 0.22rem;
}
.tea-intr dl{
	display: flex;
}
.tea-wrap{
	width:0.8rem ;
	height:0.8rem  ;
	border-radius: 50%;
	overflow: hidden;
	margin-right:0.15rem ;
	
}
.tea-intr dt h2{
	padding-top: 0.05rem;
	height: 0.26rem;
	line-height: 0.26rem;
	font-size: 0.30rem;
	color: #494949;
	margin-bottom: 0.05rem;
}
.tea-intr dt p{
	height: 0.36rem;
	line-height: 0.36rem;
	color: #ccc;
	font-size: 0.22rem
}
.tea-wrap img{
	width: 0.8rem

}
.tea-intr>p:nth-of-type(2){
	text-align: center;
	margin-top: 0.1rem;
}
.tea-intr>p:nth-of-type(2) a{
	font-size: 0.26rem;
	color: #f4d084;
}




.new-lesson{
	padding: 0 0.24rem;
	margin-top: 0.1rem;
	background: #fff;
	padding-bottom: 0.2rem;
}
.new-lesson p:first-child{
	height: 0.8rem;
	line-height: 0.8rem;
	font-size:0.3rem ;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 0.15rem;
}
.new-lesson>p:first-child span:last-of-type{
	font-size: 0.22rem;
	color: #d2d2d2;
	margin-left: 4.3rem;
}
.new-lesson-wrap{
	width: 1.9rem;
	height: 1.06rem;
	/* overflow: hidden; */
	border-radius: 0.2rem;
}
.new-lesson-wrap img{
	width: 1.9rem;
	height: 1.06rem;
	height: auto;
	
}
.new-lesson dl{
	display: flex;
}
.new-lesson-wrap{
	margin-right: 0.14rem;
}
.new-lesson dt h2{
	height: 0.46rem;
	line-height: 0.46rem;
	font-size: 0.3rem;color: #444444;
}
.new-lesson dt p{
	height: 0.32rem;
	font-size: 0.2rem;
	color: #bdbdbd;
}
.baoming{
	margin-top: 0.1rem;
	background: #fff;
	padding: 0 0.24rem;
	padding-bottom: 0.2rem;
	margin-bottom: 0.1rem;
}
.baoming>p:first-child{
	height: 0.8rem;
	line-height: 0.8rem;
	font-size:0.3rem ;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 0.15rem;
}
.baoming ul {
	display: flex;
	width:6.8rem;
	justify-content: space-between;
}
.baoming ul li{
	width:0.43rem ;
	height: 0.43rem ;
	border-radius: 50%;
	background:#d9a49e ;
}
.lesson-text{
	padding: 0 0.24rem 0.2rem;
	background: #fff;
	position: relative;
}
.lesson-text h2{
	height: 0.8rem;
	line-height: 0.8rem;
	font-size:0.3rem ;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 0.15rem;
}
.lesson-text p{
	
	line-height: 0.3rem;
	font-size: 0.22rem;
	color: #585858;
}
.lesson-text a{
	display: block;
	position: absolute;
	right: 0;
	top:1.15rem;
	width:1.44rem ;
	height: 1rem;
	background:#f2be50 ;
	line-height: 0.5rem;
	display: flex;
	
	
	
	border-radius:0.5rem 0  0 0.5rem;
	
}
.lesson-text a p{
	margin-top: 0.18rem;
	margin-left: 0.6rem;
	font-size: 0.26rem;
	color: #fff;
	height:0.55rem ;
	width:0.55rem ;
	display: block
}
.icon-yousanjiaoxing{
	position: absolute;
	top: 0.35rem;
	font-size: 0.16rem!important;
	right: 0.1rem;
}


main{
	flex: 1;
	background: #f4f4f4;
	overflow: auto;
}
main figure{
	border-bottom:1px solid #d7d7d7 ;
	background: #fff;
}
main figure img{
	
	width: 100%;
	
}
main figure figcaption{
	padding:0 0.24rem;
}
main figure figcaption p:first-child{
	margin-top: 0.1rem;
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.26rem;
	color: #444444;
	margin-bottom: 0.1rem;
}
main figure figcaption p:first-child span:nth-of-type(1){
	margin-right: 2.5rem;
}
main figure figcaption p:nth-of-type(2){
	
	padding-left: 0.1rem;
	margin-bottom: 0.1rem;
	color: #eec250;
	overflow: hidden;
	display: flex;
	align-items: center;
}


	


.icon-03{
	margin-right: 0.2rem;
	vertical-align: middle;
}
main figure figcaption p:nth-of-type(2) em{
	text-align: center;
	font-style: normal;
	display: inline-block;
	border: 1px solid #eec250;
	padding: 0.05rem;
	font-size: 0.2rem;
	margin-right: 0.1rem;
}
main figure figcaption p:nth-of-type(3){
	color: #aaaaaa;
	font-size: 0.22rem;
	margin-bottom: 0.1rem;
}
main figure figcaption p:nth-of-type(3) span:first-child{
	margin-right: 3.35rem;
}
.tabs {
	overflow: hidden;
	background: #fff;
}
.tabs a{
	width: 33%;
	height: 0.7rem;
	line-height: 0.7rem;
	text-align: center;
	font-size: 0.26rem;
	color:#a9a9a9 ;
	float: left;
}
.active{
	color: #eec04c!important;
	border-bottom: 1px solid #eec04c;
}
.detail-con1{
	padding: 0.2rem 0.24rem 0;
}
.detail-con1-wrap img{
	width: 100%;
}
.text{
	padding-top: 0.3rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.text p{
	font-size: 0.24rem;
	line-height: 0.5rem;
}
.gonggao{
	padding-left: 0.24rem;
	height: 0.7rem;
	line-height:0.7rem;
	font-size: 0.26rem;
	color: #4c4c4c;
	background: #fff;
}
.detail-con2>p:nth-of-type(2){
	height: 0.8rem;
	line-height: 0.8rem;
	background:#f4f4f4 ;
	font-size: 0.26rem;
	padding-left: 6.7rem;
}
.list-con{
/* 	margin: 0.2rem 0.24rem 0; */
	margin-bottom: 0.2rem;
}
.detail-con2{
	/* background: #fff; */
}
.detail-con2 h2{
	padding-left: 0.24rem;
	background: #fff;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.26rem;
	color: #444;
	border-bottom:  1px solid #d7d7d7;
}
.detail-con2 h2:first-child em:first-child{
	width: 0.2rem;
	height: 0.2rem;
	display: inline-block;
	border-radius: 50%;
	background:#eec04c ;
	margin-right: 0.1rem;
}
.detail-con2 h2:first-child span:nth-of-type(2){
	color:#eec04c ;
	font-size: 0.22rem;
	margin-left: 0.1rem;
	margin-right: 3.6rem;
}
.detail-con2 h2:first-child span:nth-of-type(3){
	color:#eec04c ;
	font-size: 0.22rem;
}
.detail-con2 figure{
	padding-left: 0.24rem;
	padding-top: 0.13rem;
	display: flex;
	border: 0;
	padding-bottom: 0.2rem;
	
}

.detail-con2 figure figcaption h3{
	height:0.4rem;
	line-height:0.4rem;
	font-size: 0.26rem;
	color: #000!important;
	margin-bottom: 0.1rem;
}
.detail-con2 figure figcaption p{
	height: 0.24rem;
	line-height: 0.24rem;
	color: #7d7d7d;
	font-size: 0.22rem
}
.list-wrap{
	width: 1.93rem;
	height: 1.11rem;
	border-radius: 0.14rem;
	overflow: hidden;
}
.list-wrap img{
	width: 1.93rem;
	height: 1.11rem;
}

footer {
	flex: 0 0 0.98rem;
	background: #4A4942;
	display: flex;
	
	
}
footer a{
	display: block;
	width: 50%;
}
footer a:first-child{
	text-align: center;
	line-height: 0.98rem;
	background:#e95d24 ;
	font-size: 0.22rem
}
footer a:last-child{
	text-align: center;
	line-height: 0.98rem;
	background:#eec04c ;
	font-size: 0.22rem
}




